.box{
  border: 10px solid;
  border-image: linear-gradient(45deg, gold, deeppink) 1;
  clip-path: inset(0px round 10px);
  animation: huerotate 6s infinite linear;
  /*
        hue-rotate() (en-US) 函数在输入图像上应用色相旋转。
            angle 一值设定图像会被调整的色环角度值。值为 0deg，则图像无变化。
            若值未设置值，默认为 0deg。该值虽然没有最大值，超过 360deg 的值相当于又绕一圈。

        svg 元素 失效！！
        */
  filter: hue-rotate(360deg);
}
@keyframes huerotate {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rorate(360deg);
  }
}
